Security News
npm Updates Search Experience with New Objective Sorting Options
npm has a revamped search experience with new, more transparent sorting options—Relevance, Downloads, Dependents, and Publish Date.
@vcl/button
Advanced tools
The main control for triggering actions.
Two dimensional modifiers for variant and state. Variants like: emphasized, transparent etc. States like: disabled, pressed, hovered, selected etc.
Buttons can be created using the button
, a
and
input
tags while the first is to be preferred.
A button can appear to be disabled through vclDisabled
class and/ or
disabled
attribute.
The default variant support a selected state via vclSelected
as well.
If text exceeds the button's width, the text is cut off and does not break
into a new line. With the vclOverflowEllipsis
modifier and
ellipsis is shown.
The label of a button is generally build with an icogram, by virtue of which it supports labels with prepended and appended icons.
Button sizes can be changed with scaling modifiers from the size-modulation module.
Multiple variants are supported through modifiers for the following cases:
vclButton
vclButtonDim
: Just the dimensions of a button.vclSquare
: Give button the same min-width
as its height.Contextual state:
vclSelected
vclActive
vclFocused
Pointer state:
vclHovered
vclPressed
Label overflow:
vclOverflowEllipsis
Variants:
vclEmphasized
: emphasized appearance for the main interaction.vclTransparent
: with transparent background and hover indication by color.vclEmphasizedTransparent
: combo of previous two.vclHalfTransparent
: transparent background but not on hover.vclTransparentAlt
: transparent for dark backgrounds.vclDanger
: prevent users from accidentally doing dangerous things.vclSuggestive
: suggest users to safely conduct an action.Additional Modifiers:
vclOutline
: the border is used as outline, transparent background.vclCircular
: Circular shape.See --button-*
variables in the default theme.
example.html on GH-pages.
FAQs
The main control for triggering actions
The npm package @vcl/button receives a total of 0 weekly downloads. As such, @vcl/button popularity was classified as not popular.
We found that @vcl/button demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
npm has a revamped search experience with new, more transparent sorting options—Relevance, Downloads, Dependents, and Publish Date.
Security News
A supply chain attack has been detected in versions 1.95.6 and 1.95.7 of the popular @solana/web3.js library.
Research
Security News
A malicious npm package targets Solana developers, rerouting funds in 2% of transactions to a hardcoded address.